<template>
  <div class="container-fluid m-0 p-0">
    <button v-for="(item, index) of this.conf.ConfigCity" :key='index' type="button" class="btn btn-primary" :class="[vdata.onpc?'btnflypc':'btnflyph']" :name=item.Id @click=onfly($event)>{{item.Id}}</button>
  </div>
</template>

<script>
export default {
  data: function () {
    return {
      vdata: this.gdata.data
    }
  },
  components: {
    // websocket: websocket
  },
  methods: {
    onfly: function (event) {
      var req = this.wsreq('C2G_ROOM_FLY')
      req.City = event.srcElement.name
      this.wssend(req)

      this.$parent.vclose()
    }
  },
  computed: {
  }
}
</script>

<style scoped>
.btnflypc {
  width: 135px;
  height: 50px;
  font-size: 20px;
  margin: 5px;
}
.btnflyph {
  width: 100px;
  height: 30px;
  font-size: 14px;
  margin: 5px;
}
</style>
